﻿/*@charset "utf-8";
 CSS Document */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}
td{
	vertical-align:top;
	text-align:left;
	}

table {
	width:100%;
    margin-right: 0px;
}
body {
	background: #FFFFFF;
	color: #000000;
	font-family: "Lucida Grande", Arial, Geneva, Helvetica, sans-serif;
	line-height: 1.8;
	font-size: 12px;
}
.wrap {
	clear: both;
	width: 100%;
}
#logo{
	position:absolute;
	top:12px;
	left:12px;
	background:url(images/logo-spider.png) no-repeat;
	width:224px;
	height:93px;
}
#header {
	margin: 0 0 20px;
	padding:0px;
	display:block;
	}
.panel1{
	width: 980px;
	margin: 0 auto;
	padding:10px;
	background: #F2F2F2;
	position:relative;
}

.panel2{
	background: rgb(51,51,51);
	padding: 0;
	position: relative;
}
#header-out{
		padding:0px 10px 10px 10px;
}
#header-in{
		height:150px;
		
}
#menulist{
	position: absolute;
	bottom:0px;
	border-top: 1px solid rgb(20, 20, 20);
	width:100%;

}
#menulist li{
	cursor: pointer;
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
	display:block;
}
#menulist ul {
	margin:0px;
	
}
.main-menu{
	float:left;	
}
.main-menu a {
	color: #858585;
	display: block;
	float: left;
	font-size: 92%;
	padding: 8px 15px 8px; 
	text-decoration: none;
	text-transform: uppercase;
}
.main-menu a:hover,
.main-menu a:active,
.main-menu a:focus {
	background: #FFFFFF;
	color: #454545;	
}

/*BEGIN MAIN*/
#main{
	
}
#main-in{	
	background:white;	
}
#footer{
	background:rgb(37,37,37);
	height:90px;
	color: rgb(102, 102, 102);	
	border-top:5px solid rgb(53,53,53);
	padding:1px 0 0 0 ;
	position:relative;
}
#left{
	background:#FFFFFF;
	float:left;
	width:129px;
	display:block;
}

#right{
	background:#FFFFFF;
	position:relative;	
	display:block;
	width:800px;
	float:left;
}
.leftMenu li{
	list-style:none;
	border:2px;
}
#main .panel2{
	background:white;
}
#left_sidebar {
	float: left;
	text-align: left;
	color: #8989b6;
}
#main-content {
	float:left;
	width:100%;	
}
#banner{
	border: 1px #CCCCCC solid;	
	width:100%;	
}

#content{
	margin-top:5px;
	border: 1px #CCCCCC solid;	
	width:auto;	
	padding:10px;
}

.menu {
	border: 1px #CCCCCC solid;
	margin-bottom:6px;
	text-align: left;
	}

.menu h3{
	background: url(images/h3-bg.gif) repeat-x;
	border-bottom: 1px solid rgb(213, 213, 213);
	border-top: 1px solid rgb(213, 213, 213);
	color: rgb(133, 133, 133);
	display: block;
	font-size: 110%;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0px 0px 10px;
	padding: 6px 0px;
	text-transform: uppercase;
}
.menu h3 span{
	background: rgb(53, 53, 53);
	color:#CCCCCC;
	font-size:100%;	
	padding: 6px 10px;
}
.menu li{
	background:  url(images/dot.gif) repeat-x 0% 100%;
}
.asp-menu 
{
    background:  url(images/dot.gif) repeat-x 0% 100%;    
}

.asp-menu br
{
    height:0px;
}
.menu ul {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
.menu a{
	display: block;
	outline: none;
	padding: 6px 0px 6px 10px;
	width: 92%;
	text-transform:uppercase;
	text-decoration: none;
	color:#333333;
}

.menu a:hover, a:active, a:focus{
	color: rgb(202, 67, 10);
	text-decoration: none;
}
#banner{
	padding:2px;
}
#online td{
	border: 1px solid #CCCCCC;
	color:#333333;
}
#online a{
	padding:0px;
}

#sanpham a
{
    font-size:80%;
}

.toolbar
{
    height:50%;
    float:right;
}

.toolbar span
{
    display: block;
    float: none;
    height: 32px;
    margin: 0px auto;
    width: 32px;
    
}
.button
{
    margin:10px;
}
.manager-bar1
{
    height:100%;
    border:1px solid #CCCCCC;
    position:relative;
}
.mangerName 
{
    float:left;
    height:50%;
    position:relative;
}
.icon-32-cancel
{
    background-image: url(images/toolbar/icon-32-cancel.png);
}
.icon-32-new
{
    background-image: url(images/toolbar/icon-32-new.png);
}
.icon-32-edit
{
    background-image: url(images/toolbar/icon-32-edit.png);
}
.icon-32-delete
{
    background-image: url(images/toolbar/icon-32-delete.png);
}